/**********************************  基础样式 **********************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none !important;
  }
  
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    background-color: #f8f8f8;
    font-size: 14px;
    // min-width: 1200px;
    font-family: MKWXY;
}

  
#app {
    width: 100%;
    height: 100%;
}

/* table 样式 */
// table {
//     border-top: 1px solid #ccc;
//     border-left: 1px solid #ccc;
// }

// table td,
// table th {
//     border-bottom: 1px solid #ccc;
//     border-right: 1px solid #ccc;
//     padding: 3px 5px;
// }

// table th {
//     border-bottom: 2px solid #ccc;
//     text-align: center;
// }

/* blockquote 样式 */
blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
}

/* code 样式 */
code {
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px;
}

pre code {
    display: block;
}

ul,li{
    list-style:none;
    margin:0;
    padding:0;
}

/* ul ol 样式 */
// ul,
// ol {
//     margin: 10px 0 10px 20px;
// }

// body {   
//     background-color: #000;
//     min-width: 1200px;
// } 
// @media screen and (max-width: 1400px) {   
//     body {     background-color: red;  }
// } 
// @media screen and (max-width: 1200px) {   
//     body {     background-color: yellow;  }
// } 
// @media screen and (max-width: 992px) {   
//     body {     background-color: blue;  }
// } 
// @media screen and (max-width: 769px) {   
//     body {     background-color: green;  }
// } 
// @media screen and (max-width: 576px) {  
//     body {     background-color: orange;  }
// }